<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程列表</title>
    <script src="/layui/layui.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/course/courseManage/courseList/course-list.css">
    <script src="/js/course/courseManage/courseList/course-list.js"></script>
    <!-- 导入Ztree -->
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.all.min.js"></script>
    <!-- 基本功能 -->
    <script type="text/javascript" src="/ztree/js/jquery.ztree.core.js"></script>
    <!-- 复选功能 -->
    <script type="text/javascript" src="/ztree/js/jquery.ztree.excheck.js"></script>
    <!-- 编辑功能 -->
    <script type="text/javascript" src="/ztree/js/jquery.ztree.exedit.js"></script>
    <script src="/js/public/public.js"></script>
</head>
<body>
<div class="layui-row">
    <div class="layui-col-md12">
        <div class="list">
            <div class="list-left layui-col-md8">
                <div class="list-left-left"></div>
                <p class="list-left-right" id="title">课程列表</p>
            </div>
            <div class="list-right layui-col-md4">
                <div class="functionButton">
                    <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="refresh">&nbsp;刷新</div>
                    <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <div class="layui-row query">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    <i class="layui-icon">&#xe615;</i>
                    筛选查询
                    <div class="query-top-right layui-btn" id="courseSearch">高级检索</div>
                </div>
                <div class="layui-card-body">
                    <form class="layui-form">
                        <div class="layui-form-item ">
                            <label class="layui-form-label">课程名称：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="courseName" id="courseName"   placeholder="请输入课程名称" autocomplete="off" class="layui-input">
                            </div>
                            <label class="layui-form-label">课程分类：</label>
                            <div class="layui-input-inline" >
                                <select class="layui-select" name="classId" id="courseClass">
                                    <option value="">请选择</option>
                                </select>
                            </div>
                            <label class="layui-form-label">课程价格：</label>
                            <div class="layui-input-inline">
                                <input type="text" name="courseNprice" id="courseNprice"   autocomplete="off" class="layui-input" placeholder="请输入课程价格">
                            </div>
                            <div class="queryButtonBox">
                                <button lay-submit lay-filter="search" type="submit" class="layui-btn">
                                    <i class="layui-icon layui-icon-search"></i> 搜索
                                </button>
                                <button type="reset" class="layui-btn layui-btn-warm" >
                                    <i class="layui-icon layui-icon-refresh"></i> 重置
                                </button>
                            </div>
                        </div>
                        <input type="hidden" name="display" value="1">
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <!--数据列表-->
        <div class="record">
            <div class="layui-col-md2  tree-left">
                <!--树-->
                <ul id="courseTree" class="ztree" ></ul>
            </div>
            <div class="layui-col-md9 record-right">
                <!--表-->
                <table id="courseTable" lay-filter="courseTable"></table>
            </div>
        </div>
        <!--表头样式-->
        <div id="course_thead" style="display: none;">
            <i class="layui-icon layui-icon-align-left"></i>课程列表
            <button type="button" class="layui-btn" lay-event="addCourse" id="addCourse" style="float: right;">
                <i class="layui-icon">&#xe608;</i>添加
            </button>
        </div>

        <!--表内操作-->
        <div id="operation" style="display:none" >
            <a alt="查看" title="查看" href="javascript:;" lay-event="selectCourseTable">查看</a>
            <a alt="编辑" title="编辑" href="javascript:;" lay-event="updateCourseTable">编辑</a>
            <div></div>
            <a alt="日志" title="日志" href="javascript:;" lay-event="courseLog">日志</a>
            <a alt="删除" title="删除" href="javascript:;" lay-event="deleteCourseTable">删除</a>
        </div>
        <!--ztree节点增删改-->
        <div id="rMenu">
            <ul>
                <li id="m_add" >增加节点</li>
                <li id="m_del" >删除节点</li>
                <li id="m_edit">编辑节点</li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>